<template>
	<view class="content">
		<view class="nav">
			<image src="http://q79q98ocd.bkt.clouddn.com/back.png" @click="toPro()"></image>
			交易额
		</view>
		<view class="deal"  v-for="(item,index) in dealList" :key="index">
			<view class="one">{{item.txt}}</view>
			<view class="two">{{item.title}}</view>
			<view class="three">{{item.text}}</view>
		</view>
		<!-- <view class="deal">
			<view class="one">支出</view>
			<view class="two">2020-03-11 11:10</view>
			<view class="three red">-10.00</view>
		</view>
		<view class="deal">
			<view class="one">微信提现</view>
			<view class="two">2020-03-11 11:00</view>
			<view class="three red">-10.00</view>
		</view> -->
	</view>
</template>

<script>

export default {
	data() {
		return {
			dealList:[
				{txt: '收入',title: '2020-03-11 11:20',text: '+10.00'},
				{txt: '支出',title: '2020-03-11 11:10',text: '-10.00'},
				{txt: '微信提现',title: '2020-03-11 11:00',text: '-10.00'}
			],
			 
		}
		
	},
	methods: {
		toPro(){
			uni.reLaunch({
				url: 'products'
			});
		},
		
		
	},
	
}
</script>

<style lang="scss">
.content{
	.nav{
		padding: 70upx 0 10upx 0;
		text-align: center;
		position: relative;
		border-bottom: #F00;
		font-size:36upx;
		font-weight:500;
		color: #333;
		image{
			width: 35upx;
			height: 35upx;
			vertical-align: middle;
			position: absolute;
			left: 30upx;
			bottom: 16.5upx;
		}
	}
	.deal{
		border-bottom: 1px solid #F2F2F2;
		padding: 20upx 30upx;		
		position: relative;
		line-height: 46upx;
			.one{
				font-size:32upx;
				font-weight:400;
				color:#333;				
			}
			.two{
				font-size:24upx;
				font-weight:400;
				color:#666;
			}
			.three{
				position: absolute;
				right: 30upx;
				top: 44upx;
				font-size:32upx;
				font-weight:400;
				color:#55C47D;
			}
			.red{
				color: #F40E0E;
			}
	}
}
</style>
